.mp-box{
    display: flex;
    flex-direction:column;
    width:100%;
    height:100%;
}

.mp-bar-box{
    overflow: hidden;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 10px;
    flex-shrink: 0;
    .capsule-box{
        width:100px;
        height:25px;
        border:1px solid #ccc;
        border-radius: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        cursor: pointer;
        overflow: hidden;
        div{
            width:30%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        div:hover{
            background-color: #ddd;
        }
    }
}
.mp-bar-bg-black{
    background-color: black;
    color:#fff;
}
.mp-bar-bg-white{
    background-color: white;
}

.mp-body-box{
    flex:1;
    display: flex;
    overflow: hidden;
    position: relative;
}